//index.js
//获取应用实例
const app = getApp()

Page
    (
    {
        data:
        {
            phone:"18280232720",
            latitude:"30.661865234375",   //经纬度
            longitude:"104.00760650634766",
            markers:[],
            show1:false,
            mark:[],
            show:false,
            markerlation: [{ la: 30.570200000000007, lo: 104.06476000000002 }, { la: 30.573747173297345, lo: 104.06476000000002 }, { la: 30.574042765216223, lo: 104.0604684655762 },
              { la: 30.568943678348727, lo: 104.05883768249514}         
            ],
            mapControls:    //地图控件
            [
                // { //定位
                //     id: 0,
                //     position: {                 //相对定位
                //         left: app.globalData.scWidth * 0.03, 
                //         top: app.globalData.scHeight * 0.9, 
                //         width: app.globalData.scWidth * 0.1
                //     },
                //     iconPath: "../../image/locat.png",          //相对于当前文件的路径
                //     clickable: true
                // },
                // { //扫码
                //     id: 2,
                //     position: {                 //相对定位
                //         left: app.globalData.scWidth * 0.33,
                //         top: app.globalData.scHeight * 0.85,
                //         width: app.globalData.scWidth * 0.4,
                //         height: app.globalData.scWidth * 0.2
                //     },
                //     iconPath: "../../image/scan.png",
                //     clickable: true
                // },
                // { //我的
                //     id: 3,
                //     position: {                 //相对定位
                //         left: app.globalData.scWidth * 0.87,
                //         top: app.globalData.scHeight * 0.9,
                //         width: app.globalData.scWidth * 0.1
                //     },
                //     iconPath: "../../image/my.png",
                //     clickable: true
                // },
                // {   //地图中心
                //     id: 14,
                //     position: {                 //相对定位
                //         left: app.globalData.scWidth * 0.47,
                //         top: app.globalData.scHeight * 0.42,
                //         width: app.globalData.scHeight * 0.04
                //     },
                //     iconPath: "../../image/center.png",
                //     clickable: false
                // }
            ]
        },
        getLocations: function (){       //获取当前位置，并移动地图到当前位置
            this.myMapCtx.moveToLocation()   
        },
        onLoad: function () {   
          console.log("用户信息",app.globalData.userInfo)    
          var query = wx.createSelectorQuery();
          //选择id
          var that = this;
          console.log("xianbox",query.select('#xianbox'))
          query.select('.xianbox').boundingClientRect(function (rect) {

            console.log("width",rect)
            // that.setData({
            //   height: rect.width + 'px'
            // })
          }).exec(function(e){
             console.log("e",e)
          });
     
          
              //加载
            this.myMapCtx = wx.createMapContext("myMap", this)
            this.getLocation()
         



        },
      //刷新页面
      refresh: function () {
        var that = this;
        this.setData({"show1":false,"show":false})
        if (!that.data.isorder) {
          that.setData({
            parkinstrosure: false,
            dh_openclos: false,
            callouttap: true
          })
          // var latitude = that.data.latitude;
          // var longitude = that.data.longitude;
          // app.getRequestData('get', '/park/getNearParks', {
          //   latitude: latitude,
          //   longitude: longitude,
          //   radius: 1000
          // }, that.getParkssuccessData, that.getParksfailData);
        }
      },

 //获取当前位置
  getLocation: function() {
    
        var that = this;
        if (!that.data.isorder) {
          that.setData({
            parkinstrosure: false,
            dh_openclos: false,
            callouttap: true
          })
          wx.getLocation({
            type: 'gcj02',
            success: function (res) {
              var latitude = res.latitude
              var longitude = res.longitude
              var speed = res.speed
              var accuracy = res.accuracy
              console.log("哈哈哈哈", latitude, longitude)
              that.setData({
                latitude: latitude,
                longitude: longitude
              })
              //markers
              var markers = []
              var la = that.data.latitude
              var lo = that.data.longitude
              for (var i = 0; i < that.data.markerlation.length; i++) {
                var width = app.globalData.scWidth * 0.1
                // la+=0.5
                // lo+=0.5
                var maker = {        //放到标记里边
                  longitude: lo,           //经纬度
                  latitude: la,
                  iconPath: "/image/btn_maintenance.png",       //图标,相对于小程序根目录的路径
                  id: i,
                  width: width,
                  height: width,
                  // label: {                             //标记下表的文本标签
                  //   content: "位置标记",
                  //   color: "lightgray",
                  //   textAlign: "center",
                  //   fontSize: 15
                  // }
                }
                markers.push(maker)



              }
              that.setData({
                "markers": markers
              })
        




            }
          })
        }
      },

     
 onReady: function() {
        var that = this;
   that.getLocation()
      },
      loadCity:function(){

      },
        //打电话
    calling: function () {
      wx.makePhoneCall({
        phoneNumber:this.data.phone, //此号码并非真实电话号码，仅用于测试
        success: function () {
          console.log("拨打电话成功！")
        },
        fail: function () {
          console.log("拨打电话失败！")
        }
      })
    },
    //tohere 导航
    togohere:function(){
      wx.openLocation({
        longitude: Number('104.06476000000002'),
        latitude: Number('30.570200000000007'),
        // name: this.data.store.name,
        // address: this.data.store.address
      })
    
    }
,
        regionChanged: function (e) {                             //地图视野改变

          this.setData({ "show": false })
            // if (e.type == "end") {
            //     var that = this
            //     this.myMapCtx.getCenterLocation({               //获取中心点的经纬度
            //         success: function (res) {
            //             var mark = that.data.markers
            //             var id = that.data.markers.length
            //             var width = app.globalData.scWidth * 0.1
            //             mark.push({        //放到标记里边
            //                 longitude: res.longitude,           //经纬度
            //                 latitude: res.latitude,
            //                 iconPath: "/image/marker.png",       //图标,相对于小程序根目录的路径
            //                 id: id,
            //                 width: width,
            //                 height: width,
            //                 title: "what is this?",
                      
            //                 label: {                             //标记下表的文本标签
            //                     content: "位置标记",
            //                     color: "lightgray",
            //                     textAlign: "center",
            //                     fontSize: 15
            //                 }
            //             })
            //           console.log("markers", mark)
            //             that.setData({                  //必须使用setData设置，不然会出现数据跟新了，但是地图视图不跟新的情况
            //                 "markers": mark
            //             })
            //         }
            //     })
            // }
        },
        // scanCode:function(){                    //扫描二维码
        //     wx.scanCode({
        //         success(res){                   //扫码成功
        //             wx.showModal({              //扫码结果
        //                 title: "扫码结果",
        //                 content: res.result,
        //             })
        //         }
        //     })
        // },
        // navigateToPersonal:function(){
        //     wx.navigateTo({
        //         url: "/pages/personal/personal"
        //     })
        // },
        // mapControlTap: function (e) {          //地图控件点击
        //     switch (e.controlId) {
        //         case 0://定位
        //             this.getLocation()
        //             break;
        //         case 2://扫码
        //             this.scanCode()
        //             break;
        //         case 3://我的
        //             this.navigateToPersonal()
        //             break;
        //     }
        // },
        //一键救援点击
      rescue:function(){
        this.setData({ "show1": true,"show":false })
      },
        mapTap: function(e){            //地图点击
            //console.log(e)
          this.setData({ "show": false })
          
        },
        mapMarker:function(e){
            console.log("点击了标记：", e)

          this.setData({"show":true,"show1":false})
        },
    }
    )